
html,body {
	height: 100%;
/* 	background:url(../images/bg.png) top center no-repeat;
     background-size:cover; */
}

.box {
	margin: 0 auto;
	position: relative;
	width: 100%;
    height: 100%; 
}

.login-bg{
	right: 0; 
	bottom: 0;
	position: absolute;
    top: 0;
}


.glyphicon{
	color:#fff;
}


.input-group-addon{
	background:#244a84;
}

.login-box {
	width: 100%;
	max-width:516px;
	height: 310px;
	position: absolute;
	top: 50%;
	border-radius:10px;
	margin-top: -160px;
	/*设置负值，为要定位子盒子的一半高度*/
	 background:url(../../images/from-3.png) no-repeat center center; 
}

@media screen and (min-width:500px){
	.login-box {
		left: 50%;
		/*设置负值，为要定位子盒子的一半宽度*/
		margin-left: -258px;
	}
}	

.form {
	width: 100%;
	
}	

.login-content {
	height: 300px;
	width: 100%;
	max-width:600px;
	float: left;
}		
	
.input-group {
	margin: 0px 0px 15px 0px !important;
	padding:0 40px;
}

.form-control,
.input-group {
	height: 40px;
	font-size:24px;
}

.form-group {
	margin-bottom: 0px !important;
}

.login-title {
	 padding: 36px 30px 36px 0px;
}

.btn-sm {
	float:right;
	padding: 5px 10px !important;
	font-size: 16px !important;
	background:#244a84;
	border:none;
	color:#fff;
	margin-right:28px;
}


.btn-sm:hover{
	background:#2a589d;
	color:#fff;
}


span.title_con {
	font-family: "微软雅黑";
	font-style: normal;
	font-size: 2em;
	font-weight: 800;
	color: #39A631;
	padding-left: 1em;
}

.tip{
	text-align:center;
	color:red;
	font-size:18px;
}

